<template>
    <li><i :class="props.icon"></i><slot></slot></li>
</template>
<script lang="ts" setup>
const props = defineProps({
    icon: String
})
</script>
<style lang="scss" scoped>
li {
    cursor: pointer;
    padding: 0.5em;

    i {
        margin: 0 0.5em;
        width: 1em;
    }

    &:hover {
        background: #eee;
    }

}
</style>